<!--
 * @页面名称:
 * @描述: 
 * @作者: 
 * @Date:
-->
<template>
  <div class="right_bottom">
    <CapsuleChart :config="config" style="width: 100%; height: 260px" :data="data" />
  </div>
</template>

<script setup lang="ts">
import { reactive, ref } from "vue";
import { ECharts, EChartsOption, init } from "echarts";
import * as echarts from "echarts";
import CapsuleChart from "@/components/datav/capsule-chart/index.vue";

const config = ref({
  showValue: true,
  unit: "次"
});
const data = ref([
  { value: 903, name: "玉溪市" },
  { value: 859, name: "三亚市" },
  { value: 842, name: "宝鸡市" },
  { value: 770, name: "昌吉回族自治州" },
  { value: 546, name: "鸡西市" },
  { value: 421, name: "南宁市" },
  { value: 250, name: "巴彦淖尔市" },
  { value: 94, name: "晋中市" }
]);
</script>

<style scoped lang="scss">
.right_bottom {
  box-sizing: border-box;
  padding: 0 16px;
}
</style>
